import React, { CSSProperties } from 'react';
import { Icon } from 'antd';

class StyleClass {
  link: CSSProperties | undefined;
  linktext: CSSProperties | undefined;
}

const _thisStyle: StyleClass = {
  link: {
    display: 'inline-block',
    textDecoration: 'none',
    height: '20px',
    lineHeight: '20px',
    paddingLeft: '20px',
  },
  linktext: {
    float: 'left',
    height: '20px',
    lineHeight: '20px',
    margin: '0px 0px 0px 5px',
    color: '#939393',
  },
};

// loading components from code split
// https://umijs.org/plugin/umi-plugin-react.html#dynamicimport
const SiteBottom: React.FC = () => (
  <div style={{ textAlign: 'center' }}>
    <a target="_blank" href="https://gitee.com/lanhuxing/LanhuFx" style={_thisStyle.link}>
      <span style={_thisStyle.linktext}>
        <Icon type="copyright" />
        LanhuFx
      </span>
    </a>
    <a target="_blank" href="http://www.beian.miit.gov.cn" style={_thisStyle.link}>
      <img
        style={{ float: 'left', width: '20px' }}
        src="//img.alicdn.com/tfs/TB1..50QpXXXXX7XpXXXXXXXXXX-40-40.png"
      />
      <span style={_thisStyle.linktext}>皖ICP备18007237号-1</span>
    </a>
    <a target="_blank" href="https://ant.design/index-cn" style={_thisStyle.link}>
      <span style={_thisStyle.linktext}>Ant Design</span>
    </a>
    <a target="_blank" href="https://pro.ant.design/index-cn" style={_thisStyle.link}>
      <span style={_thisStyle.linktext}>Ant Design Pro</span>
    </a>
  </div>
);
export default SiteBottom;
